<template>
  <div class="base-info-box">
    <div class="subject bgc-white">
      <span class="font-16 font-color-3">订单信息</span>
    </div>
    <div class="flex pad-l-20 pad-r-20 pad-t-19 pad-b-29">
      <div class="flex-item">
        <span class="font-w font-16">买家信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-14">收货信息: {{dataObj.customerNickname}}  {{dataObj.customerPhone}}    {{dataObj.customerFullAddress}}  </span>
          <span class="mar-t-4" v-if="dataObj.payType">付款方式: {{dataObj.payType === 1? '微信':'支付宝'}}</span>
          <span class="mar-t-4">订单信息: {{dataObj.orderNo}}</span>
        </div>
      </div>
      <div class="flex-item">
        <span class="font-w font-16">卖家信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-14">供应商: 店铺名称</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  props: {
    dataObj: Object
  },
  setup() {

  }
})
</script>

<style scoped lang="scss">
.subject {
  padding: 17px 19px;
  border-bottom: 1px solid #F5F5F5;
}
.address-box {
  width: 468px;
}
.base-info-box {
  border: 1px solid #f5f5f5;
}
</style>
